<!doctype html>
<html>
	<head>
		<meta name="layout" content="main"/>
		<title>Welcome to Grails</title>
		<style type="text/css" media="screen">
			#status {
				background-color: #eee;
				border: .2em solid #fff;
				margin: 2em 2em 1em;
				padding: 1em;
				width: 12em;
				float: left;
				-moz-box-shadow: 0px 0px 1.25em #ccc;
				-webkit-box-shadow: 0px 0px 1.25em #ccc;
				box-shadow: 0px 0px 1.25em #ccc;
				-moz-border-radius: 0.6em;
				-webkit-border-radius: 0.6em;
				border-radius: 0.6em;
			}

			.ie6 #status {
				display: inline; /* float double margin fix http://www.positioniseverything.net/explorer/doubled-margin.html */
			}

			#status ul {
				font-size: 0.9em;
				list-style-type: none;
				margin-bottom: 0.6em;
				padding: 0;
			}

			#status h1 {
				text-transform: uppercase;
				font-size: 1.1em;
				margin: 0 0 0.3em;
			}

			#page-body {
				margin: 2em 1em 1.25em 3em;
			}

			h2 {
				margin-top: 1em;
				margin-bottom: 0.3em;
				font-size: 1em;
			}

			p {
				margin: 0.25em 0;
			}

			#controller-list ul {
				list-style-position: inside;
			}

			#controller-list li {
				list-style-position: inside;
				margin: 0.25em 0;
			}
			
			.btn-large{
				background-color: whitesmoke;
				margin:20px;
				padding:15px;
				border:1px solid lightgrey;
				border-radius:10px;
				display:inline-block;
				width:160px;
				height:50px;
				text-align:center;
				vertical-align:middle;
				text-decoration: none;
				font-weight: bold;
			}

			@media screen and (max-width: 480px) {
				#status {
					display: none;
				}

				#page-body {
					margin: 0 1em 1em;
				}

				#page-body h1 {
					margin-top: 0;
				}
			}
		</style>
	</head>
	<body>
		<a href="#page-body" class="skip"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div id="page-body" role="main">
			<h1>Welcome to xTime</h1>
			<p>Das ist eine Applikation für das Verwalten von Abwesenheiten für Mitarbeiter. </p>
		<table class="simple">
			<tr>
				<td><g:link class="btn-large" controller="absence">
						<g:message code="absence.AbsenceController.label" />
					</g:link></td>
				<td><g:link class="btn-large" controller="request">
						<g:message code="absence.RequestController.label" />
					</g:link></td>
				<td><g:link class="btn-large" controller="employee" action="show" params="[id:session.employee.id]">
						<g:message code="user.EmployeeController.label" />
					</g:link></td>
			</tr>
			<tr>
				<td><g:link class="btn-large" controller="account">
						<g:message code="user.AccountController.label" />
					</g:link></td>
				<td><g:link class="btn-large" controller="dayType">
						<g:message code="absence.DayTypeController.label" />
					</g:link></td>
				<td><g:link class="btn-large" controller="day">
						<g:message code="absence.DayController.label" />
					</g:link></td>
			</tr>
		</table>

	</div>
	</body>
</html>
